<!DOCTYPE html>
<html lang="en">

<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <meta name="referrer" content="no-referrer" />
      <title>卷皮网主页</title>
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
      <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.css">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css"> -->
      <link rel="stylesheet" href="./stylesheets/index.css">
      <link rel="stylesheet" href="./icon/iconfont.css">
</head>

<body>
      <!-- //toolbar -->
      <div class="toolbar content_width">
            <ul class="itemContainer">
                  <li class="unlogin"><a href="./login.html">登陆</a></li>
                  <li class="unlogin"><a href="./register.html" class="color_red">免费注册</a></li>
                  <li class="user">
                        <div>
                              <a href="###" class=" color_red">
                                    <i class="iconfont iconUser">&#xe618;</i><span>用户名</span>
                              </a>
                              <div class="user-menu">
                                    <div>
                                          <p class="my-order">我的订单</p>
                                          <p class="login-out">退出</p>
                                    </div>
                              </div>
                        </div>

                  </li>
                  <li><a href="" class="border_left"> 我的订单</a></li>
                  <li><a href="">商家入驻</a></li>
                  <li><a href="./car.html"><i class="iconfont icon_red">&#xe6d7;</i> 购物袋 <i
                                    class="countContainer"><span class="buyNum">0</span></i></a></li>
                  <li><a href="" class="border_left ">商家中心</a></li>
                  <li><a href="">客户服务</a></li>

            </ul>
      </div>
      <!-- //end toolbar -->
      <!-- //logo search -->
      <div class="logoContainer fram_width border-bottom">
            <div class="logo content_width">
                  <div class=" logobg logoimg"><a href="./index.html"></a></div>
                  <div class=" logobg protection">
                        <a href="###" title="开抢" class="qiang"></a>
                        <a href="javascript:;" title="买手砍价" class="kanjia"></a>
                        <a href="javascript:;" title="验货" class="yanhuo"></a>
                  </div>
                  <div class="search">
                        <input id="searchIpt" type="text" placeholder="请输入想找的宝贝" />
                        <span id="searchBtn"><i class="iconfont icon_white">&#xe601;</i></span>
                  </div>
            </div>
            <div class="nav content_width">
                  <ul class="nav_head">
                        <li class="home"><a class="home" href="javascript:;">首页</a></li>
                        <li class="nav_tab"><a href="./product.html?5579">品牌折扣</a></li>
                        <li class="nav_tab"><a href="./product.html?5575">9.9包邮</a></li>
                        <li class="nav_tab"><a href="./product.html?5574">即将上线</a></li>
                        <li class="nav_tab"><a href="./product.html?5573"><i class="iconfont icon_phone">&#xe633;</i> 手机版</a>
                        </li>
                  </ul>
            </div>
      </div>
      <!-- //end logo -->
      <!-- //main  -->
      <div class="content_width main">
            <div class="main_top">
                  <div class="nav_left">
                        <ul id="nav-container">
                              <li data-id="5571">
                                    <a href="">
                                          <span class="mleft"><i class="iconfont icon_navicon">&#xe645;</i>女装</span>
                                    </a></li>
                              <li data-id="5572"><a href="./product.html?5572"><span> <i
                                                      class="iconfont icon_navicon">&#xe645;</i>男装</span></a></li>
                              <li data-id="5574"><a href="./product.html?5574"><span class="mleft"> <i
                                                      class="iconfont icon_navicon">&#xe645;</i>鞋子</span></a></li>
                              <li data-id="5574"><a href="./product.html?5574"><span><i
                                                      class="iconfont icon_navicon">&#xe645;</i>箱包</span></a></li>
                              <li data-id="5578"><a href="./product.html?5578"><span class="mleft"><i
                                                      class="iconfont icon_navicon">&#xe645;</i>母婴</span></a></li>
                              <li data-id="5576"><a href="./product.html?5576"><span><i
                                                      class="iconfont icon_navicon">&#xe645;</i>美妆</span></a></li>
                              <li data-id="5573"><a href="./product.html?5573"><span class="mleft"><i
                                                      class="iconfont icon_navicon">&#xe645;</i>居家</span></a></li>
                              <li data-id="5575"><a href="./product.html?5575"><span><i
                                                      class="iconfont icon_navicon">&#xe645;</i>家纺</span></a></li>
                              <li data-id="5575"><a href="./product.html?5575"><span class="mleft"><i
                                                      class="iconfont icon_navicon">&#xe645;</i>文体</span></a></li>
                              <li data-id="5576">
                                    <a href="./product.html?5576"><span><i
                                                      class="iconfont icon_navicon">&#xe645;</i>美食</span></a></li>
                              <li data-id="5577"><a href="./product.html?5577"><span class="mleft"><i
                                                      class="iconfont icon_navicon">&#xe645;</i>数码</span></a></li>
                              <li data-id="5577">
                                    <a href="./product.html?5577"><span><i
                                                      class="iconfont icon_navicon">&#xe645;</i>电器</span></a></li>
                              <li class="bbottom" data-id="5579"><a href="./product.html?5579"><span class="mleft"><i
                                                      class="iconfont icon_navicon">&#xe645;</i>内衣</span></a></li>
                              <li class="bbottom" data-id="5574"><a href="./product.html?5574"><span><i
                                                      class="iconfont icon_navicon">&#xe645;</i>配饰</span></a></li>
                        </ul>
                  </div>
                  <div class="bannerContainer">
                        <ul class="box">
                              <li><a href="./product.html?5506"><img src="./images/banner5.jpg" alt=""></a></li>
                              <li><a href="./product.html?5503"><img src="./images/banner2.jpg" alt=""></a></li>
                              <li><a href="./product.html?5507"><img src="./images/banner3.jpg" alt=""></a></li>
                              <li><a href="./product.html?5504"><img src="./images/banner4.jpg" alt=""></a></li>

                        </ul>
                        <!-- 如果需要分页器 -->
                        <div class="banner_pagination">
                              <!-- <i class="iconfont iconbanner">&#xe62c;</i>
                              <i class="iconfont iconbanner_sel">&#xe6f7;</i>
                              <i class="iconfont iconbanner">&#xe62c;</i> -->
                              <!-- <i class="iconfont iconbanner">&#xe62c;</i>  -->
                        </div>

                        <!-- 如果需要导航按钮 -->
                        <div id="btn-prev" class="banner_btn"><i class="iconfont icon_btn">&#xe617;</i></div>
                        <div id="btn-next" class="banner_btn"><i class="iconfont icon_btn">&#xe616;</i></div>
                  </div>
                  <div class="nav_right">
                        <ul class="nav_right_list">
                              <li class="even">
                                    <a href="./product.html?5508">
                                          <img src="http://s.juancdn.com/juanpi/images/banners/r-1.jpg" alt="">
                                    </a>
                              </li>
                              <li>
                                    <a href="./product.html?5501">
                                          <img src="http://s.juancdn.com/juanpi/images/banners/r-2.jpg" alt="">
                                    </a>
                              </li>
                              <li class="even">
                                    <a href="./product.html?5505">
                                          <img src="http://s.juancdn.com/juanpi/images/banners/r-3.jpg" alt="">
                                    </a>
                              </li>
                              <li>
                                    <a href="./product.html?5505">
                                          <img src="http://s.juancdn.com/juanpi/images/banners/r-4.jpg" alt="">
                                    </a>
                              </li>
                        </ul>
                        <div class="nav_right_bottom">
                              <a href="">
                                    <img src="http://s.juancdn.com/juanpi/images/banners/r-5.jpg" alt="">
                              </a>
                        </div>
                  </div>
            </div>
            <div class="brandToday">
                  <div class="brand_title">
                        <div class="bleft">
                              <strong>今日品牌</strong>
                              <span>TODAY'S BRAND</span>
                        </div>
                        <div class="bright"><a href="###" class="icon_phone">全部品牌 >></a></div>
                  </div>
                  <div class="brand_main">
                        <!-- <div class="brand_product">
                              <div class="brandimg">
                                    <a href="###"><img
                                                src="https://goods4.juancdn.com/bao/190508/7/6/5cd2556fb6f8ea1523670d41_680x280.jpg?iopcmd=convert&Q=88&dst=jpg"
                                                alt=""></a>
                                    <span class="residuce"><i class="iconfont icon_spport"></i><span>剩余 0 天 00时 00分
                                                00秒</span></span>
                              </div>
                              <div class="brandTitle">
                                    <span class="title">他图春夏清仓特惠</span>
                                    <div class="status_container">
                                          <span class="status">进入活动</span>
                                    </div>

                              </div>
                        </div>
                         -->
                  </div>
                  <div class="brand_more content_width">
                        <div class="morebrand">
                              <ul>
                                    <li class="first">更多品牌特卖:</li>
                                    <li><a href="###"><img src="./images/brand_mowei.png" alt=""></a></li>
                                    <li><a href="###"><img src="./images/brand_bawang.png" alt=""></a></li>
                                    <li><a href="###"><img src="./images/brand_yiyuan.png" alt=""></a></li>
                                    <li><a href="###"><img src="./images/brand_taoqi.png" alt=""></a></li>
                                    <li><a href="###"><img src="./images/brand_yumolunsi.png" alt=""></a></li>
                                    <li><a href="###"><img src="./images/brand_yuanshan.png" alt=""></a></li>
                                    <li><a href="###"><img src="./images/brand_bas.png" alt=""></a></li>
                                    <li><a href="###"><img src="./images/brand_annituo.png" alt=""></a></li>
                              </ul>
                        </div>
                        <div class="more color_red allbrand">
                              <span>查看全部>></span>

                        </div>
                  </div>
            </div>
            <div class="productContainer">
                  <div class="brand_title">
                        <div class="bleft">
                              <strong>今日新品</strong>
                              <span>TODAY'S NEW</span>
                        </div>
                        <div class="bright"><a href="###" class="icon_phone">每天10点上新 >></a></div>
                  </div>
                  <div class="loading">
                        <img src="./images/load.gif" alt="">
                  </div>
                  <div class="productList">
                        <!-- <div class="product">
                              <div class="productimg">
                                    <a href="###"><img
                                                src="https://goods1.juancdn.com/goods/181009/0/3/5bbc1fcbb6f8ea19d31906d4_800x800.jpg?iopcmd=thumbnail&type=11&height=310&width=310%7Ciopcmd=convert&Q=88&dst=jpg"
                                                alt="" data-src="./images/juanpi.jpg"></a>
                                    <span class="supportContainer" title="加入收藏"><i
                                                class="iconfont icon_spport">&#xe611;</i></span>
                              </div>
                              <div class="productPrice">
                                    <span class="productPrice_now">$58</span>
                                    <strong class="productPrice_old">$298</strong>
                              </div>
                              <div class="productTitle">
                                    <span class="title">新款潮小包女士小清新潮小包女士小清新</span>
                                    <strong class="status">剩3天</strong>
                              </div>
                        </div> -->

                  </div>
            </div>

            <div>
                  <!-- class="content_width" -->
                  <div class="page ">
                        <nav aria-label="Page navigation">
                              <ul class="pagination">
                                    <li>
                                          <a href="#" aria-label="Previous">
                                                <span aria-hidden="true">&laquo;</span>
                                          </a>
                                    </li>
                                    <!-- <li class="change_btn"><a href="javascript:void(0)">1</a></li>
                                    <li class="change_btn"><a href="javascript:void(0)">2</a></li>
                                    <li class="change_btn"><a href="javascript:void(0)">3</a></li>
                                    <li class="change_btn"><a href="javascript:void(0)">4</a></li>
                                    <li class="change_btn"><a href="javascript:void(0)">5</a></li> -->
                                    <li>
                                          <a href="#" aria-label="Next">
                                                <span aria-hidden="true">&raquo;</span>
                                          </a>
                                    </li>
                              </ul>
                        </nav>
                  </div>
            </div>
      </div>
      <!-- //end main -->

      <!-- //footer -->
      <div class="fram_width border-top">
            <div class="content_width footer">
                  <div class="erweima">
                        <a href="###"><img src="./images/erweima.png" alt=""></a>
                        <p>随时逛 及时抢</p>
                  </div>
                  <div class="gengxin footer_link">
                        <p>获取更新</p>
                        <ul>
                              <li><i></i><a href="">iPhone/Android</a></li>
                              <li><i></i><a href="">卷皮QQ空间</a></li>
                              <li><i></i><a href="">卷皮新浪微博</a></li>
                              <li><i></i><a href="">开放API</a></li>
                        </ul>
                  </div>
                  <div class="partner footer_link">
                        <p>商务合作</p>
                        <ul>
                              <li><i></i><a href="">卖家免费报名</a></li>
                              <li><i></i><a href="">商家入驻</a></li>
                              <li><i></i><a href="">廉政邮箱</a></li>
                              <li><i></i><a href="">开放平台</a></li>
                        </ul>
                  </div>
                  <div class="partner footer_link">
                        <p>公司信息</p>
                        <ul>
                              <li><i></i><a href="">关于卷皮</a></li>
                              <li><i></i><a href="">媒体报道</a></li>
                        </ul>
                  </div>
                  <div class="partner footer_link">
                        <p>帮助中心</p>
                        <ul>
                              <li><i></i><a href="">新手上路</a></li>
                              <li><i></i><a href="">网站地图</a></li>
                        </ul>
                  </div>
                  <div class="connection">
                        <div class="telimg">
                              <span>
                                    <p>周一至周五</p>
                                    <p>9:00-18:00</p>

                              </span>
                        </div>
                        <div class="telnumber">
                              <span>客服热线 : 400-0090-869</span>
                        </div>
                  </div>
            </div>
            <div class="content_width">
                  <div class="friend_link">
                        <div class="flink_left">
                              <span>友情链接&nbsp;&nbsp;:&nbsp;&nbsp; </span>
                              <span class="roll">
                                    <div id="link1">
                                          <a href="###">易登网</a>
                                          <a href="###">易登网</a>
                                          <a href="###">普洱茶</a>
                                          <a href="###">品牌鞋</a>
                                    </div>
                                    <div id="link2">
                                          <a href="###">九块九</a>
                                          <a href="###">九块九</a>
                                          <a href="###">易迅优惠券</a>
                                          <a href="###">中国鲜花礼品网</a>
                                    </div>
                              </span>
                        </div>
                        <div class="more foot_more">
                              <a href="###">更多>></a>
                        </div>
                  </div>

            </div>
            <div class="copyright content_width">
                  <p>
                        <span>武汉奇米网络科技有限公司 鄂ICP备10209250号 | ICP许可证号：鄂B2-20150109 |
                              <a href="###"> 鄂公网安备42018502000390号</a>
                              | 食品流通许可证 SP4201991510041888
                        </span>
                  </p>
                  <p>Copyright © 2010 -2019 JuanPi.com All Rights Reserved</p>
                  <div class="copyimg">
                        <img src="./images/r_315new.gif" alt="" />;
                        <img src="./images/r_cnnic.gif" alt="" />;
                        <img src="./images/r_gongshang.gif" alt="" />;
                        <img src="./images/sm_124x47.png" alt="" class="last" />;

                  </div>
            </div>
      </div>
      <!-- //end footer -->
      <div class="userbar">
            <ul>
                  <li class="normal"><a href=""><i class="iconfont iconUserbar">&#xe618;</i></a></li>
                  <li class="shopcontainer">
                        <a href="./car.html" class="cart-empty">
                              <div>
                                    <i class="iconfont iconUserbar">&#xe6d7;</i>
                              </div>
                              <span class="shopbag"> 购物袋</span>
                              <div>
                                    <i class="countContainer"><span class="buyNum">0</span></i>
                              </div>
                        </a>
                  </li>
                  <li class="normal"><a href=""><i class="iconfont iconUserbar">&#xe613;</i></a></li>
                  <li class="normal"><a href=""><i class="iconfont iconUserbar">&#xe645;</i></a></li>
                  <li class="bottom">
                        <div>
                              <a href=""><i class="iconfont iconUserbar">&#xe632;</i></a>
                        </div>
                        <div>
                              <a href=""><i class="iconfont iconUserbar">&#xe607;</i></a>
                        </div>
                        <div>
                              <a href=""><i class="iconfont iconUserbar">&#xe619;</i></a>

                        </div>
                  </li>
            </ul>
      </div>
      <div class="home_nav fram_width">
            <ul class="home_head content_width">
                  <li data-id="5576"><a href="./product.html?5579" class="home">今日上新</a></li>
                  <li data-id="5571"><a href="./product.html?5571" class="border_left">女装</a></li>
                  <li data-id="5572"><a href="./product.html?5572">男装</a></li>
                  <li data-id="5574"><a href="./product.html?5574">鞋子</a></li>
                  <li data-id="5575"><a href="./product.html?5574">箱包</a></li>
                  <li data-id="5578"><a href="./product.html?5578">母婴</a></li>
                  <li data-id="5576"><a href="./product.html?5576">美妆</a></li>
                  <li data-id="5573"><a href="./product.html?5575">居家</a></li>
                  <li data-id="5575"><a href="./product.html?5579">家纺</a></li>
                  <li data-id="5575"><a href="./product.html?5575">文体</a></li>
                  <li data-id="5576"><a href="./product.html?5573">美食</a></li>
                  <li data-id="5577"><a href="./product.html?5577">数码</a></li>
                  <li data-id="5579"><a href="./product.html?5577">电器</a></li>
                  <li data-id="5574"><a href="./product.html?5571">内衣</a></li>
                  <li data-id="5575"><a href="./product.html?5574">配饰</a></li>
                  <li data-id="5578" class="upcoming"><a href="./product.html?5577">[即将上线]</a></li>
            </ul>
      </div>


      <script src="./scripts/libs/require.js"></script>
      <!-- <script src="./scripts/libs/jquery-3.4.0.js"></script>
      <script src="./scripts/index/index.js"></script>  -->
      <!-- <script src="./scripts/index/index-banner.js"></script> -->
      <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.js"></script> -->
      <script>
            require(["./require.config"], function () {
                  require(["index"], () => {
                  })
            })
      </script>
</body>

</html>